import React from 'react'
import './minfo.less'
import axios from 'axios'
import {base,uinfoUrl} from "../../../utils/paths"
import github from '../../../img/github.jpg'
import my from '../../../img/my.jpg'
const useEffect =  React.useEffect;
const useState = React.useState;
function Minfo() {
    let [uinfo,setUinfo] = useState({
        name:'李明月',
        qq:'2411923851',
        phone:"15923870940",
        email:"2411923851@qq.com",
        address:"重庆",
        work:"前端开发",
        love:'健身',
        pjname:"./img/t.jpeg",
        gy:'666'
    });
    return (
        <div className="minfo animated  bounceInDown ">
          <p style={{"textAlign":"right","padding":"10px",display:'inline-block',width:"20%"}}><img src={uinfo.pjname} className="uinfo_head animated  flipInY delay-1s"/></p>
           <div className="uinfo_content">
               <div className="uinfo_item"><span>姓名:</span><span>{uinfo.name}</span></div>
               <div className="uinfo_item"><span>qq:</span><span>{uinfo.qq}</span></div>
               <div className="uinfo_item"><span>电话:</span><span>{uinfo.phone}</span></div>
               <div className="uinfo_item"><span>邮件:</span><span>{uinfo.email}</span></div>
               <div className="uinfo_item"><span>地址:</span><span>{uinfo.address}</span></div>
               <div className="uinfo_item"><span>职位:</span><span>{uinfo.work}</span></div>
               <div className="uinfo_item"><span>爱好:</span><span>{uinfo.love}</span></div>
               <div className="uinfo_item"><span>格言:</span><span>{uinfo.gy}</span></div>
           </div>
            <p style={{"textAlign":"left","padding":"10px",display:'inline-block',width:"20%"}}>
                <a href="https://github.com/123ming" target={'__blank'}><img src={github as any} style={{borderRadius:'50%'}} className=" animated  flipInY delay-1s" width={'50px'}/></a>
                <a href="https://gitee.com/leemingy" target={'__blank'}><img src={my as any} style={{borderRadius:'50%',marginLeft:"10px"}} className=" animated  flipInY delay-1s" width={'50px'}/></a>

            </p>
        </div>
   )
}
export default Minfo
